<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>按钮 - 页面元素</title>
	<link rel="stylesheet" href="../libs/layui/layui-2.9.14/dist/css/layui.css">
	<script src="../libs/layui/layui-2.9.14/dist/layui.js"></script>

</head>

<body>


	<button type="button" class="layui-btn">一个标准的按钮</button>
	<a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>

	<br />
	<br />

	<!-- 图标 -->
	<button type="button" class="layui-btn">
		<i class="layui-icon layui-icon-down layui-font-12"></i> 按钮
	</button>

	<button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
		<i class="layui-icon layui-icon-left"></i>
	</button>
	<br />
	<br />


	<!-- 按钮组 -->
	<div class="layui-btn-group">
		<button type="button" class="layui-btn">增加</button>
		<button type="button" class="layui-btn">编辑</button>
		<button type="button" class="layui-btn">删除</button>
	</div>

	<div class="layui-btn-group">
		<button type="button" class="layui-btn layui-btn-sm">
			<i class="layui-icon">&#xe654;</i>
		</button>
		<button type="button" class="layui-btn layui-btn-sm">
			<i class="layui-icon">&#xe642;</i>
		</button>
		<button type="button" class="layui-btn layui-btn-sm">
			<i class="layui-icon">&#xe640;</i>
		</button>
		<button type="button" class="layui-btn layui-btn-sm">
			<i class="layui-icon">&#xe602;</i>
		</button>
	</div>

	<div class="layui-btn-group">
		<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
			<i class="layui-icon">&#xe654;</i>
		</button>
		<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
			<i class="layui-icon">&#xe642;</i>
		</button>
		<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
			<i class="layui-icon">&#xe640;</i>
		</button>
	</div>
	<br />
	<br />






</body>

</html>